<template>
  <div class="main">
    <p class="text-lg">人多多打工网<br>求职者的理想选择</p>
    <div class="QR">
      <img src="/static/wechat/images/qr-wx.jpg"/>
    </div>
    <p class="text-gray">长按识别二维码关注公众号</p>
  </div>
</template>
<script>
  // import {zgzUser} from'@/controller'
  export default {
    name: 'QR',
    data () {
      return {
        msg: 'QR'
      }
    },
    mounted(){

    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .main{
    margin:20% 0;
  }
  .text-lg{
    color: #0081cd;
    font-size: 20px;
    font-weight: bold;
    width: 80%;
    text-align: center;
    margin: 20px auto;
  }
  .QR{
    width: 50%;
    margin: 0 auto;

  }
  .QR img{
    width: 100%;
  }
  .text-gray{
    color: #666666;
    text-align: center;
    margin:0 ;
    font-size: 16px;
  }

</style>
